*{
    padding: 0;
    margin: auto;
}


#paysuccessContain{
    width: 100%;
    height: 500px;
    /* background-color: antiquewhite; */
    span{
        padding: 10px;
        // height: 5%;
        // background-color: #ff5f00;
        width: 100%;
    }
    div{
        // background-color: violet;
        width: 100%;
        height: 90%;
        margin-top: 1%;   
        ul{
            .tclis{
                p{
                    margin: 32px auto;
                }
            }
            li{
                left: 5%;
                position: relative;
                width: 30%;
                float: left;
                height: 100%;
                // background-color: yellow;
                margin: 0px 1.6%;
                color: #666;
                p{
                    line-height: 20px;
                    margin: 30px auto;
                    text-align: left;
                    .sx{
                        border-radius: 4px;
                        width: 20px;
                        height: 20px;
                        outline: none;
                        border: 1px solid #ff5f00;
                        background-color: #fff;
                    }
                    .tctype{
                        color:chocolate;
                    }
                    .gobtn{
                        padding: 5px;
                        background-color: #ff5f00;
                        border: none;
                        color: white;
                        border-radius: 4px;
                        outline: none;
                    }
                }
                h3{
                    text-align: left;
                }
            }
        }     
    }
}
#moreServer{
    width: 100%;
    height: 200px;
    #moreallserver{
    width: 60%;
    height: 87%;
    margin-left: 6%;
    #hhh{
        width: 100%;
        height: 100%;
        // background-color: pink;
        overflow: hidden;
        div{
            height: 100%;
            width: 30%;
            margin: 0px  1.6%;
            ul{
                width: 100%;
                height: 100%;
                padding: 0px;
                margin: auto;

            }
        }
    }
    }
    #goout{
        margin-top: 5%;
        button{
            width: 10%;
            height: 40px;
            border-radius: 4px;
            outline: none;
            border: 1px solid #666;
            background-color: #fff;
            margin: 0px  5%;
        }
        button:hover{
            opacity: 0.8;
        }

    }
    div{
    float: left;
    }
}

#acctention{ 
    width: 100%;
    height: 400px;
    p{
    text-align: center;
    margin: 10px auto;
    line-height: 15px;
    }
    div{
        width: 100%;
        height: 75%;
         margin-top: 2%;
        // background-color: pink;
        div{
           
            float: left;
            width: 100%;
            margin: 0px  auto;
            height: 38%;
            // background-color: brown;
            ul{
                margin-left: 5%;
                width: 90%;
                height: 100%;
                list-style: none;
                padding: auto;
                margin: auto;
                .litop{
                    height: 50%;
                    float: left;
                    width: 100%;
                    // background-color: #ff5f00;
                    background-color: transparent;
                    button{
                        width: 10%;
                        background-color: #ff5f00;
                        padding: 10px;
                        color: white;
                        border: none;
                        outline: none;
                        border-radius: 10px;
                    }
                }
                .libottom{
                    height: 50%;
                    position: relative;
                    top: 12%;
                    color: #666;
                    font-size: 0.9em;
                    left: 2%;

                }
            }
        }
    }
}
